.container {
  margin-left:auto;
  margin-right:auto;
  width:100%;
  background:lavenderblush;
}


.row{
  display:flex;
  flex-wrap:wrap;
}



.container:after,
.container:before,
.row:after,
.row:before{
  display:table;
  content:''
}
.container:after,
.row:after{
  clear:both;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
  float:left;
}
.col-1 {
  width:8.33333%;
}
.col-2 {
  width:16.66667%;
}
.col-3 {
  width:25%;
}
.col-4 {
  width:33.33333%;
}
.col-5 {
  width:41.66667%;
}
.col-6 {
  width:50%;
}
.col-7 {
  width:58.333333%;
}
.col-8 {
  width:66.66667%;
}
.col-9 {
  width:75%;
}
.col-10 {
  width:83.33333%;
}
.col-11 {
  width:91.66667%;
}
.col-12 {
  width:100%;
}
.d-none{
  display:none!important;
}
.d-block{
  display:block!important;
}
/* sm */
@media (min-width:576px){
  .d-sm-none{
      display:none!important;
  }
  .d-sm-block{
      display:block!important;
  }
  .container{
      width:540px;
  }
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
      float:left;
  }
  .col-sm-1 {
      width:8.33333%;
  }
  .col-sm-2 {
      width:16.66667%;
  }
  .col-sm-3 {
      width:25%;
  }
  .col-sm-4 {
      width:33.33333%;
  }
  .col-sm-5 {
      width:41.66667%;
  }
  .col-sm-6 {
      width:50%;
  }
  .col-sm-7 {
      width:58.333333%;
  }
  .col-sm-8 {
      width:66.66667%;
  }
  .col-sm-9 {
      width:75%;
  }
  .col-sm-10 {
      width:83.33333%;
  }
  .col-sm-11 {
      width:91.66667%;
  }
  .col-sm-12 {
      width:100%;
  }
}
/* md */
@media (min-width:768px){
  .container{
      width:720px;
  }
  .d-md-none{
      display:none!important;
  }
  .d-md-block{
      display:block!important;
  }
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
      float:left;
  }
  .col-md-1 {
      width:8.33333%;
  }
  .col-md-2 {
      width:16.66667%;
  }
  .col-md-3 {
      width:25%;
  }
  .col-md-4 {
      width:33.33333%;
  }
  .col-md-5 {
      width:41.66667%;
  }
  .col-md-6 {
      width:50%;
  }
  .col-md-7 {
      width:58.333333%;
  }
  .col-md-8 {
      width:66.66667%;
  }
  .col-md-9 {
      width:75%;
  }
  .col-md-10 {
      width:83.33333%;
  }
  .col-md-11 {
      width:91.66667%;
  }
  .col-md-12 {
      width:100%;
  }
}
/* lg */
@media (min-width:992px){
  .container{
      width:960px;
  }
  .d-lg-none{
      display:none!important;
  }
  .d-lg-block{
      display:block!important;
  }
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
      float:left;
  }
  .col-lg-1 {
      width:8.33333%;
  }
  .col-lg-2 {
      width:16.66667%;
  }
  .col-lg-3 {
      width:25%;
  }
  .col-lg-4 {
      width:33.33333%;
  }
  .col-lg-5 {
      width:41.66667%;
  }
  .col-lg-6 {
      width:50%;
  }
  .col-lg-7 {
      width:58.333333%;
  }
  .col-lg-8 {
      width:66.66667%;
  }
  .col-lg-9 {
      width:75%;
  }
  .col-lg-10 {
      width:83.33333%;
  }
  .col-lg-11 {
      width:91.66667%;
  }
  .col-lg-12 {
      width:100%;
  }
}
/* xl */
@media (min-width:1200px){
  .container{
      width:1140px;
  }
  .d-xl-none{
      display:none!important;
  }
  .d-xl-block{
      display:block!important;
  }
  .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{
      float:left;
  }
  .col-xl-1 {
      width:8.33333%;
  }
  .col-xl-2 {
      width:16.66667%;
  }
  .col-xl-3 {
      width:25%;
  }
  .col-xl-4 {
      width:33.33333%;
  }
  .col-xl-5 {
      width:41.66667%;
  }
  .col-xl-6 {
      width:50%;
  }
  .col-xl-7 {
      width:58.333333%;
  }
  .col-xl-8 {
      width:66.66667%;
  }
  .col-xl-9 {
      width:75%;
  }
  .col-xl-10 {
      width:83.33333%;
  }
  .col-xl-11 {
      width:91.66667%;
  }
  .col-xl-12 {
      width:100%;
  }
}